<include file="Public/header" title="{$category.seo_title}" keywords="{$category.seo_keywords}" description="{$category.seo_description}" />
<script src="http://api.map.baidu.com/api?v=1.3"></script>

<!-- main -->
<main class="content-wrapper page-contact">
	<section class="content-header" style="background-image: url(__TMPL__Public/assets/images/home-bg1.jpg);">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<h1>联系我们</h1>
					<p>Contact Us</p>
				</div>
			</div>
		</div>
	</section>

	<section class="content-body">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 animate-box">
					<h3 class="with-border-bottom">联系方式</h3>
					<div class="">
						<h5>地址</h5>
						<p>无锡市滨湖区锦溪路99号</p>
	
						<h5>邮箱</h5>
						<p>example@163.com</p>
	
						<h5>电话</h5>
						<p>+021 3112 0248</p>
					</div>
				</div>
	
				<div class="col-sm-6 animate-box">
					<h3 class="with-border-bottom">Contact</h3>
					<div class="">
						<h5>Address</h5>
						<p>NO.2601 Jin Xi Road, Wuxi China</p>
	
						<h5>Email</h5>
						<p>example@163.com</p>
	
						<h5>Phone</h5>
						<p>+8621 3112 0248</p>
					</div>
				</div>
	
				<div class="col-sm-12">
					<div id="mapCanvas" class="animate-box" style="width: 100%;height: 400px; margin: 15px 0;">
					<script type="text/javascript">
						var map = new BMap.Map("mapCanvas"); 						// 创建Map实例
						var point = new BMap.Point("120.27903", "31.474999"); 		// 创建点坐标
						map.centerAndZoom(point, 15); 								// 初始化地图,设置中心点坐标和地图级别。
						map.enableScrollWheelZoom(); 								//启用滚轮放大缩小
						
						// 添加缩放控件
						map.addControl(new BMap.NavigationControl());
						map.addControl(new BMap.ScaleControl());
						map.addControl(new BMap.OverviewMapControl());
		
						var marker = new BMap.Marker(point); 						// 创建标注 
						map.addOverlay(marker); 									// 将标注添加到地图中
						var infoWindow = new BMap.InfoWindow("JNBQS<br/><span class=''>地址：无锡市滨湖区锦溪路99号</span>"); // 息窗口对象
						marker.openInfoWindow(infoWindow);
					</script>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="section alt">
		<div class="container animate-box">
			<h3>提交留言</h3>
			<p>尊敬的客户，如您对我们的业务感觉感兴趣或者有宝贵的意见或建议，欢迎来电咨询或者在下方留言！我们会尽快认真处理。</p>
			<div class="row">
				<div class="col-sm-12">
					<form id="contactForm" role="form">
						<div class="row">
				            <div class="col-sm-6">
					            <div class="form-group">
					            	<input class="form-control input-lg" id="name" type="text" name="name" placeholder="姓名" />
					            </div>
				            </div>
				            <div class="col-sm-6">
					            <div class="form-group">
					            	<input class="form-control input-lg" id="email" type="email" name="email" placeholder="电话/邮箱" />
					            </div>
				            </div>
						</div>
						<div class="row">
				            <div class="col-sm-12">
					            <div class="form-group">
					            	<textarea class="form-control input-lg" id="message" rows="8" placeholder="消息内容"></textarea>
					            </div>
				            </div>
						</div>
						<div class="row">
				            <div class="col-sm-12">
					            <div class="form-group">
					            	<button class="button button-highlight button-rounded button-large" type="submit" id="submit" name="submit" data-loading-text="发送" data-style="expand-left">发送</button>
					            </div>
				            </div>
			            </div>
			        </form>
		        </div>
	        </div>
		</div>
	</section>
</main>

<script type="text/javascript">
(function() {
})();
</script>

<include file="Public/footer" />
